<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <h:head>
        <title>Usuarios</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">
                <f:view>
                    <h:form id='formPrin'>
                        
                        
                        <h6><p:commandButton value="ATRÁS" ajax="false" action="indexDivision" icon="ui-icon-arrowthick-1-w"/>
                            &nbsp;
                            <p:commandButton value="NUEVO" action="UsuarioCrearEditar" ajax="false" actionListener="#{usuarioBean.prepararNuevo}" icon="ui-icon-plus"/></h6>
                        <br></br>
                        <p:panel header="LISTA DE USUARIOS" >
                            <p:dataTable value="#{usuarioBean.usuarios}" var="item" emptyMessage="NO HAY USUARIOS REGISTRADOS">

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="CLAVE DE USUARIO:"/>
                                    </f:facet>
                                    <h:outputText value="#{item.ncontrol}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="NOMBRE:" />
                                    </f:facet>
                                    <h:outputText value="#{item.nombre}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="ACADEMIA:"/>
                                    </f:facet>
                                    <h:outputText value="#{item.academia}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="PERFIL:"/>
                                    </f:facet>
                                    <h:outputText value="JEFE DE DIVISIÓN DE ESTUDIOS PROFESIONALES" rendered="#{item.perfil eq 'division'}"/>
                                    <h:outputText value="PRESIDENTE DE ACADEMIA" rendered="#{item.perfil eq 'academia'}"/>
                                    <h:outputText value="DEPARTAMENTO DE GESTIÓN TECNOLÓGICA Y VINCULACIÓN" rendered="#{item.perfil eq 'vinculacion'}"/>
                                    <h:outputText value="DOCENTE" rendered="#{item.perfil eq 'docente'}"/>
                                    <h:outputText value="SERVICIOS ESCOLARES" rendered="#{item.perfil eq 'servicios'}"/>
                                    <h:outputText value="ALUMNO" rendered="#{item.perfil eq 'alumno'}"/>
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="ACCIONES:"/>
                                    </f:facet>
                                    <center>
                                        <p:commandButton id="botonEditar" action="UsuarioCrearEditar" ajax="false" actionListener="#{usuarioBean.prepararEditar}" icon="ui-icon-pencil"/><p:tooltip for="botonEditar" value="EDITAR USUARIO" trackMouse="true"/>
                                        &nbsp;
                                        <!--p:commandButton  action="UsuarioConfirmar" ajax="false" actionListener="# {usuarioBean.prepararEliminar}" icon="ui-icon-close"/-->
                                        <p:commandButton id="botonEliminar" ajax="true" actionListener="#{usuarioBean.prepararEliminar}" icon="ui-icon-close" oncomplete="PF('confirmar').show()" update=":form:panelConf"/><p:tooltip for="botonEliminar" value="ELIMINAR USUARIO" trackMouse="true"/>
                                    </center>
                                </p:column>


                            </p:dataTable>
                        </p:panel>
                    </h:form>


                    <h:form id="form" >
                        <p:dialog widgetVar="confirmar" header="Eliminacion de usuario" modal="true" draggable="true" closable="false" resizable="false">
                            <h:panelGrid columns="2" id="panelConf">
                                <h:outputText value="NOMBRE:"/>
                                <h:outputText value="#{usuarioBean.usuario.nombre}"/>
                                <h:outputText value="NÚMERO DE CONTROL:"/>
                                <h:outputText value="#{usuarioBean.usuario.ncontrol}" title="ncontrol" style="text-transform:uppercase"/>
                                <h:outputText value="ACADEMIA:"/>
                                <h:outputText value="#{usuarioBean.usuario.academia}" title="academia"/>                      
                                <h:outputText value="PERFIL:"/>
                                <h:outputText value="#{usuarioBean.usuario.perfil}" title="perfil"/>
                                <h:outputText value="CORREO:"/>
                                <h:outputText value="#{usuarioBean.usuario.correo}" title="correo"/>

                                <p:commandButton value="Aceptar" actionListener="#{usuarioBean.procesarAccion}" ajax="true" oncomplete="PF('confirmar').hide()" update=":formPrin" icon="ui-icon-check"/>
                                <p:commandButton value="Canselar"  immediate="true" oncomplete="PF('confirmar').hide()"/>
                            </h:panelGrid>
                        </p:dialog>

                    </h:form>


                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

